.Products {
  display: flex;
  flex-direction: column;
}

.Empty {
  width: 100%;
  height: 330px;
  display: flex;
  justify-content: center;
  align-items: center;

  :global {
    .txt {
      font-size: 24px;
      color: #9e9e9e;
    }
  }
}

.Product {
  display: flex;

  padding: 20px 20px 0 20px;
  width: 100%;
  box-sizing: border-box;

  :global {
    .img {
      flex-shrink: 0;
      width: 200px;
      height: 200px;

      font-size: 12px;
    }

    .product-info {
      margin-left: 20px;
      width: 100%;
      position: relative;

      .title {
        font-size: 28px;
        color: #212121;
        height: 38px;
        line-height: 38px;
        margin-top: 14px;
      }

      .progress {
        width: 210px;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 10px;
        position: relative;
        border-radius: 10px;
        overflow: hidden;

        .inner {
          height: 10px;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          border-radius: 10px;
        }
      }

      .not-start {
        height: 30px;
        margin-top: 10px;

        .tag {
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 2px;
          width: fit-content;

          .txt {
            font-size: 20px;
            padding: 0 7px;
          }
        }
      }

      .sales {
        font-size: 22px;
        color: #999;
        line-height: 30px;
      }

      .line {
        position: absolute;
        bottom: 20px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;

        .price {
          display: flex;
          align-items: flex-end;

          .sale-price {
            display: flex;
            align-items: flex-end;
            font-family: PingFangSC-Semibold;

            .price-0 {
              padding-right: 4px;

              font-size: 30px;
              line-height: 28px;
              font-weight: 700;
            }

            .price-1 {
              font-size: 34px;
              line-height: 34px;
              font-weight: 700;
            }

            .price-2 {
              font-size: 24px;
              letter-spacing: 0;
              line-height: 24px;
            }
          }

          .underline-price {
            font-family: PingFang-SC-Regular;
            margin-left: 8px;

            font-weight: 400;
            padding-right: 4px;
            font-size: 22px;
            color: #9e9e9e;
            letter-spacing: 0;
            line-height: 24px;
            text-decoration: line-through;
          }
        }

        .cart {
          display: flex;
          justify-content: center;
          align-items: center;

          height: 54px;
          border-radius: 4px;

          .txt {
            padding: 0 30px;
            font-size: 24px;
            color: #fff;
          }
        }
      }
    }
  }
}
